<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>董绍军 - 个人介绍</title>
    <link rel="stylesheet" href="../css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        .member-detail-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 2rem;
        }
        .member-detail-header {
            text-align: center;
            margin-bottom: 2rem;
        }
        .member-detail-photo {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 1rem;
        }
        .member-detail-name {
            font-size: 2rem;
            margin-bottom: 0.5rem;
        }
        .member-detail-role {
            font-size: 1.2rem;
            color: #666;
            margin-bottom: 1rem;
        }
        .member-detail-content {
            line-height: 1.6;
        }
        .member-detail-content h3 {
            margin-top: 1.5rem;
            margin-bottom: 1rem;
        }
        .member-detail-content p {
            margin-bottom: 1rem;
        }
        .back-link {
            display: inline-block;
            margin-top: 2rem;
            padding: 0.5rem 1rem;
            background-color: #333;
            color: white;
            text-decoration: none;
            border-radius: 4px;
        }
        .back-link:hover {
            background-color: #555;
        }
    </style>
</head>
<body>
    <header>
        <nav class="navbar">
            <div class="container">
                <div class="logo">
                    <a href="../index.html">C++学习入门</a>
                </div>
                <ul class="nav-links">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="../content/basics.html">基础语法</a></li>
                    <li><a href="../content/objects.html">面向对象</a></li>
                    <li><a href="../content/advanced.html">高级特性</a></li>
                    <li><a href="../content/examples.html">示例代码</a></li>
                    <li><a href="../about.html">小组介绍</a></li>
                    <li><a href="../login.html">登录</a></li>
                    <li><a href="../register.html">注册</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <main>
        <div class="member-detail-container">
            <div class="member-detail-header">
                <img src="../images/dongshaojun_avatar.svg" alt="董绍军" class="member-detail-photo">
                <h1 class="member-detail-name">董绍军</h1>
                <div class="member-detail-role">网站编辑、视频剪辑</div>
            </div>

            <div class="member-detail-content">
                <h3>个人简介</h3>
                <p>我是董绍军，数字媒体技术专业三年级学生，担任本小组的网站编辑和视频剪辑。我负责网站的内容编辑、排版和视频制作工作，确保网站内容丰富、形式多样，能够吸引和帮助更多的C++学习者。我具有良好的文字表达能力和视频制作能力，熟悉各种编辑工具和技巧。</p>

                <h3>教育背景</h3>
                <p>2021年至今，就读于XX大学数字媒体技术专业，预计2025年毕业。在校期间，我学习了数字图像处理、多媒体技术、视频编辑等专业课程，并取得了优异的成绩。</p>

                <h3>项目经历</h3>
                <p>除了本C++学习网站外，我还参与过以下项目：</p>
                <ul>
                    <li>校园宣传视频制作：负责视频拍摄和后期剪辑</li>
                    <li>数字杂志编辑：负责内容策划和排版设计</li>
                    <li>多媒体课件开发：为计算机课程制作教学视频和交互式课件</li>
                </ul>

                <h3>技能特长</h3>
                <p>视频剪辑：Premiere Pro、After Effects、DaVinci Resolve</p>
                <p>网站编辑：HTML、CSS、Markdown</p>
                <p>图像处理：Photoshop、GIMP</p>
                <p>其他：内容创作、排版设计、脚本编写</p>

                <h3>兴趣爱好</h3>
                <p>视频制作、摄影、写作、旅行、音乐</p>
            </div>

            <a href="../about.html" class="back-link">返回小组介绍</a>
        </div>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2023 C++学习入门网站. 保留所有权利.</p>
        </div>
    </footer>

    <script src="../js/main.js"></script>
</body>
</html>